@import 'reset';
@import 'header';
@import 'footer';
section{
    width: 100%;
    .login{
        width: 1200px;
        height: 520px;
        margin: 0 auto;
        padding: 80px 0 160px;
        .login-slogan{
            float: left;
            width: 572px;
            height: 348px;
            background: url(../images/login-slogan.png) no-repeat;
            margin: 86px 0 0 48px;
        }
        .login-mode{
            position: relative;
            float: left;
            width: 579px;
            height: 520px;
            border-left: 1px solid #c8c8c8;
            .ul{
                width: 392px;
                height: 332px;
                margin-top: 54px;
                margin-left: 98px;
                .p1{
                    width: 392px;
                    height: 32px;
                    font-size: 40px;
                    line-height: 32px;
                    color: #d6dce2;
                    text-align: center;
                }
                input{
                    width: 370px;
                    height: 50px;
                    margin-top: 18px;
                    font-size: 20px;
                    outline: none;
                    border: 2px solid #929eab;
                    border-radius: 4px;
                    color: #505050;
                    padding-left: 18px;
                }
                .p2{
                    width: 382px;
                    height: 44px;
                    font-size: 14px;
                    line-height: 44px;
                    padding-right: 10px;
                    a{
                        display: block;
                        width: 58px;
                        height: 44px;
                        color: #1478be;
                        float: right;
                        &:hover{
                            text-decoration: underline
                        }
                    }
                }
                .deng{
                    display: block;
                    width: 390px;
                    height: 50px;
                    background-color: #45515f;
                    text-align: center;
                    line-height: 50px;
                    font-size: 20px;
                    color: #fff;
                    border-radius: 4px;
                }
                .p3{
                    width: 382px;
                    height: 30px;
                    font-size: 14px;
                    margin-left: 10px;
                    margin-top: 28px;
                    line-height: 30px;
                    a{
                        color: #1478be;
                        &:hover{
                            text-decoration: underline
                        }
                    }
                }
            }
        }
    }
}